<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>鼠标样式、轮廓、防止文本域拖拽</title>
    <style>
        input {
            width: 200px;
            /*取消默认边框*/
            outline: none;
            /*使用自定义统一边框*/
            border: 1px solid red;
            /*设置背景,垂直居中，横向靠右但是留出一点距离*/
            background: url("../image/search.png") no-repeat 180px center;
        }
    </style>
</head>
<body>
<!--常用鼠标样式:cursor-->
<ul>
    <li style="cursor: default">默认样式</li>
    <li style="cursor: pointer">小手样式：可点击样式</li>
    <li style="cursor: move">移动样式：在图片上移动展示图片</li>
    <li style="cursor: text">文本样式</li>
</ul>

<!--取消轮廓线：不同浏览器表单轮廓-->
<input type="text">

<!--防止文本域拖拽：默认可以拖拽右下角-->
<textarea name="" id="" cols="30" rows="10" style="resize: none"></textarea>
</body>
</html>